<script setup>
defineProps({
    title:{
        type:String
    },
    subTitle:{
        type:String
    }
})
</script>

<template>
    <div class="home-panel">
        <div class="container">
            <!-- 主标题和副标题 -->
            <div class="head">
                <h3>{{ title }}<small>{{ subTitle }}</small></h3>
            </div>
            <!-- 主题内容区域 -->
            <slot />
        </div>
    </div>
</template>

<style scoped lang='scss'>
.home-panel {
    background-color:#fff;
    .head {
        padding:40px 0;
        display:flex;
        align-items:flex-end
    }
    h3 {
        flex:1;
        font-size:32px;
        font-weight:normal;
    }
    small {
        font-size:16px;
        color:#999;
        margin-left:20px;
    }
}
</style>